<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: #f8f8f8;
        }

        .register {
            width: 400px;
            height: 350px;
            background-color: #fff;
            margin: 100px auto;
        }

        .register .title {
            overflow: hidden;
            padding: 0 0 20px;
            height: 35px;
            background: url(img/dian-ico.png) repeat-x 0 18px;
            text-align: center;
            font-size: 21px;
            line-height: 33px;
            margin-top: 50px;
            margin-bottom: 10px;
        }

        .register .title h3 {
            display: inline;
            background-color: #fff;
            font-weight: 400;
            font-size: 21px;
            color: #555;
        }

        .register input {
            width: 300px;
            height: 45px;
            margin: 15px 0;
            margin-left: 40px;
            outline: none;
            border: 1px solid #555
        }

        .register button {
            width: 300px;
            height: 45px;
            margin-left: 40px;
            font-weight: bold;
            background-color: #f42424;
            color: #fff;
            border: 0;
        }

        .register span a {
            display: block;
            margin: 15px 0;
            margin-left: 40px;
            color: #555;
            text-decoration: none;
        }

        .header header {
            display: none;
        }

        .header nav {
            display: none;
        }

        footer .shang {
            display: none;
        }
    </style>
</head>

<body>
    <div class="header"></div>
    <div class="register">
        <div class="title">
            <h3>账号登录</h3>
        </div>
        <input type="text" name="username" id="" placeholder="  用户名/邮箱/手机" class="userna">
        <input type="text" name="userpass" id="" placeholder="  密码" class="userpa">
        <button>登 录</button>
        <span><a href="">忘记密码?</a></span>
    </div>
    <footer></footer>
</body>

</html>
<script src="js/jQuery.js"></script>
<script src="js/cookie.js"></script>
<!-- <script src="goodsAndShoppingCart/js/cookieTools.js"></script> -->
<script>
    $(".header").load("header.html");
    $("footer").load("fotter.html");
</script>

<script src="js/register.js"></script>
<!-- <script>
let userna = document.querySelector(".userna");
    let userpa = document.querySelector(".userpa");

    $("button").click(function () {
        $.post("goodsAndShoppingCart/login.php", {
            username: $(".userna").val(),
            // userpass: $(".userpa").val()
        }, function (resText) {
            if ($.trim(resText) == "success") {
                location.href = "index.html";
                setCookie("userna", userna.value, 30);

            }
            if ($.trim(resText) == "fail") {
                alert("账户或密码错误");
            }
        });
    });
    
</script> -->
